<template>
  <div class="device container">
    <index-breadcrumb :breadcrumb-list="breadcrumbList"></index-breadcrumb>
    <list
      :operation-list="operationList"
    ></list>
  </div>
</template>

<script>
import List from "./includes/MediumOtherProject";

export default {
  name: "MediumOtherProjectTitle",
  components: {
    List,
  },
  data() {
    return {
      operationList: [],
      breadcrumbList: [
        {
          title: "其他项目",
        },
      ],
    };
  },
  created() {
    this.getOperationList();
  },
  activated() {
  },
  methods: {
    getOperationList() {
      this.$store.state.permissionList.some((item) => {
        const [itemName] = item.permission.split(":");
        if (itemName === "mediumOtherProject") {
          item.list.forEach((listItem) => {
            this.operationList.push(listItem.permission.split(":")[1]);
          });
        }
        return false;
      });
    },
  },
};
</script>

<style lang="sass" scoped></style>
